<template>
  <div>
    <van-nav-bar title="我的医生" left-text="" left-arrow @click-left="onClickLeft" />
    <van-tabs>
      <!-- v-if -->
      <div>

      </div>
      <!-- v-else -->
      <div>
        <van-tab title="服务过我的医生">
          <van-empty description="暂无“服务过我的医生”" />
          <h4 class="tab1H4"><span>30W+</span>注册医生，<span>2W+</span>名医专家</h4>
          <p class="tab1P">报道即可绑定医生，医生可提供门诊预约、在线咨询、开方续方、健康随访和科普健康知识服务</p>
          <button class="tab1Btn">去报道医生</button>
        </van-tab>
      </div>
      <van-tab title="我关注的医生">
        <div>

        </div>
        <div>
          <van-empty description="暂无“我关注的医生”" />
          <button class="tab2Btn">去关注医生</button>
        </div>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script setup lang="ts">
const onClickLeft = () => history.back();
</script>
<style scoped>
.tab1H4 {
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 40px;
}

.tab1H4>span {
  color: #FF5A00;
}

.tab1P {
  width: 90%;
  margin-left: 5%;
}

.tab1Btn {
  width: 90%;
  height: 100px;
  background-color: #0070FF;
  color: #fff;
  border-radius: 20px;
  border: none;
  margin-top: 40px;
  margin-left: 5%;
  font-size: 30px;
}
.tab2Btn{
  width: 90%;
  height: 100px;
  margin-left: 5%;
  background-color: #0070FF;
  border: none;
  border-radius: 20px;
  color: #fff;
  margin-top: 140px;
  font-size: 30px;
}
</style>
